<%@page contentType="text/html"%>
<%@page pageEncoding="UTF-8"%>

<%@taglib prefix="f" uri="http://java.sun.com/jsf/core"%>
<%@taglib prefix="h" uri="http://java.sun.com/jsf/html"%>
<%@ taglib uri="http://myfaces.apache.org/tomahawk" prefix="t"%>
<%@ taglib uri="http://richfaces.org/a4j" prefix="a4j"%>
<%@ taglib uri="http://richfaces.org/rich" prefix="rich"%>
<link href="/general/css/admin_1.css" rel="stylesheet" type="text/css"/>
<f:view>
        <h:form styleClass="fondoFormulariosyPanel">
            <h:panelGrid columns="1" styleClass="rayaForms" width="100%">
                <h:outputLabel  value="Nueva Ceremonia de Colegiación" />
            </h:panelGrid>
            <a4j:outputPanel ajaxRendered="true">
                <h:messages id="lblMessages" styleClass="messages" infoClass="infoClass" errorClass="errorClass"
                            warnClass="warnClass" showDetail="true" errorStyle="color:red;"
                            warnStyle="color:green;" infoStyle="color:black;" fatalStyle="color:black"/>
            </a4j:outputPanel>
            <h:panelGrid columns="2" styleClass="fondoFormulariosyPanel">
                <h:outputLabel value="Tipo Evento" />
                <h:outputLabel value="Ceremonia de Colegiación" />
                <h:outputLabel value="Fecha de Colegiación"/>
                <rich:calendar required="true" id="txtFecha1" datePattern="dd/MM/yyyy"
                               value="#{PreEventoController.preEvento.prefechaInicio}"/>
                <!--t:inputCalendar id="txtFecha1" monthYearRowClass="yearMonthHeader"
                                 popupButtonStyle="margin-left:2px; padding-top:4px"
                                 currentDayCellClass="currentDayCell" value="{PreEventoController.preEvento.prefechaInicio}" renderAsPopup="true"
                                 popupDateFormat="dd/MM/yyyy"
                                 renderPopupButtonAsImage="true"
                                 helpText="{PreEventoController.preEvento.prefechaInicio}"
                                 forceId="true"  /-->
                <h:outputLabel value="Cantidad de Colegiados"/>
                <h:inputText value="#{PreEventoController.preEvento.preCantidadColegiados}"/>
            </h:panelGrid>
            <h:panelGrid columns="2">
                <h:commandButton value="Cancelar" accesskey="C" action="#{PreEventoController.inicializar}" image="/img/btnCancelar.gif" style="margin-left:75px"/>
                <h:commandButton value="Registrar" accesskey="G" action="#{PreEventoController.registrarCeremonia}" image="/img/btnGuardar.gif" style="margin-left:10px"/>
            </h:panelGrid>
            <rich:tabPanel switchType="client">
                <rich:tab label="Reserva Ambientes" styleClass="fondoFormulariosyPanel">

                    <h:panelGrid columns="3" styleClass="fondoFormulariosyPanel">
                        <h:outputLabel value="Fecha: "/>
                        <rich:calendar required="true" datePattern="dd/MM/yyyy"
                                       value="#{PreEventoController.fechaAmbiente}"/>
                        <!--t:inputCalendar monthYearRowClass="yearMonthHeader"
                                         popupButtonStyle="margin-left:2px; padding-top:4px"
                                         currentDayCellClass="currentDayCell" value="{PreEventoController.fechaAmbiente}" renderAsPopup="true"
                                         popupDateFormat="dd/MM/yyyy"
                                         renderPopupButtonAsImage="true"
                                         forceId="true"/-->
                        <h:inputHidden />
                    </h:panelGrid>
                    <a4j:outputPanel id="panelll" >
                        <h:panelGrid columns="3" styleClass="fondoFormulariosyPanel">
                            <h:outputLabel value="Ambiente/Equipo"/>
                            <h:selectOneMenu value="#{PreEventoController.tipoAmbiente}" >
                                <f:selectItem  itemLabel="Ambiente" itemValue="1"/>
                                <f:selectItem  itemLabel="Bien Mueble" itemValue="0"/>
                                <a4j:support event="onchange" reRender="panelll" ajaxSingle="true" />
                            </h:selectOneMenu>
                            <h:inputHidden />

                            <h:outputLabel value="Ambiente" rendered="#{PreEventoController.tipoAmbiente==1}"/>
                            <h:selectOneMenu value="#{PreEventoController.ambiente}" rendered="#{PreEventoController.tipoAmbiente==1}">
                                <f:selectItems value="#{AmbienteController.comboAmbientes}"/>
                            </h:selectOneMenu>
                            <h:commandButton value="Buscar" action="#{PreEventoController.listarAmbientesEstado1}" rendered="#{PreEventoController.tipoAmbiente==1}" image="/img/buscar.png" title="Buscar"/>

                            <h:outputLabel value="Equipos" rendered="#{PreEventoController.tipoAmbiente==0}"/>
                            <h:selectOneMenu value="#{PreEventoController.equipo}" rendered="#{PreEventoController.tipoAmbiente==0}">
                                <f:selectItems value="#{ServicioEquipoController.comboServicios}"/>
                            </h:selectOneMenu>
                            <h:commandButton value="Buscar" action="#{PreEventoController.listarServiciosEstado1}" rendered="#{PreEventoController.tipoAmbiente==0}" image="/img/buscar.png" title="Buscar"/>

                        </h:panelGrid>
                    </a4j:outputPanel>
                    <h:panelGrid columns="3" styleClass="fondoFormulariosyPanel">
                        <rich:dataTable value="#{PreEventoController.listaCalendario}" var="item" >
                            <rich:column>
                                <f:facet name="header"><h:outputLabel value="Nombre"/></f:facet>
                                <h:outputLabel value="#{item.nombre}"/>
                            </rich:column>
                            <rich:column>
                                <f:facet name="header"><h:outputLabel value="Horario"/></f:facet>
                                <h:outputLabel value="#{item.horario}"/>
                            </rich:column>
                            <rich:column>
                                <f:facet name="header"><h:outputLabel value=""/></f:facet>
                                <h:outputLabel value="#{item.estado}"/>
                                <h:selectBooleanCheckbox value="#{item.reservar}" rendered="#{item.habilitado}"/>
                            </rich:column>
                        </rich:dataTable>
                        <h:panelGrid columns="1">
                            <h:commandButton value=">" action="#{PreEventoController.agregarAmbSeleccionados}" title="Agregar"/>
                        </h:panelGrid>
                        <rich:dataTable value="#{PreEventoController.listaCalendario1}" var="item" >
                            <rich:column>
                                <f:facet name="header"><h:outputLabel value="Nombre"/></f:facet>
                                <h:outputLabel value="#{item.nombre}"/>
                            </rich:column>
                            <rich:column>
                                <f:facet name="header"><h:outputLabel value="Fecha"/></f:facet>
                                <h:outputLabel value="#{item.fecha}"/>
                            </rich:column>
                            <rich:column>
                                <f:facet name="header"><h:outputLabel value="Horario"/></f:facet>
                                <h:outputLabel value="#{item.horario}"/>
                            </rich:column>
                            <rich:column>
                                <f:facet name="header"><h:outputLabel value=""/></f:facet>
                                <h:commandButton value="Quitar" action="#{PreEventoController.quitarAmbSeleccionados}" image="/img/btnQuitar.gif">
                                    <f:setPropertyActionListener target="#{PreEventoController.ambienteSeleccionado}" value="#{item}"/>
                                </h:commandButton>
                            </rich:column>
                        </rich:dataTable>
                    </h:panelGrid>
                </rich:tab>
                <rich:tab label="Materiales" styleClass="fondoFormulariosyPanel">
                    <h:panelGrid columns="3">
                        <rich:scrollableDataTable value="#{PreEventoController.listaDetalleConcepto}"var="item" width="160px" height="270px">
                            <rich:column width="30">
                                <f:facet name="header"> <h:outputLabel value="" /></f:facet>
                                <h:selectBooleanCheckbox value="#{item.seleccionado}"/>
                            </rich:column>
                            <rich:column width="130">
                                <f:facet name="header"> <h:outputLabel value="CONCEPTO" /></f:facet>
                                <h:outputText value="#{item.dcoNombre}"></h:outputText>
                            </rich:column>
                        </rich:scrollableDataTable>
                        <h:panelGrid columns="1">
                            <h:commandButton value=">" action="#{PreEventoController.agregarESeleccionados}" title="Agregar"/>
                            <h:commandButton value=">>" action="#{PreEventoController.agregarETodos}" title="Agregar Todos"/>
                            <h:commandButton value="<" action="#{PreEventoController.quitarESeleccionados}" title="Quitar"/>
                            <h:commandButton value="<<" action="#{PreEventoController.quitarETodos}" title="Quitar Todos"/>
                        </h:panelGrid>
                        <rich:scrollableDataTable value="#{PreEventoController.listadetalleEgresos}"var="item" width="680px" height="300px">
                            <rich:column width="30">
                                <f:facet name="header"> <h:outputLabel value="" /></f:facet>
                                <h:selectBooleanCheckbox value="#{item.seleccionado}"/>
                            </rich:column>
                            <rich:column width="125px">
                                <f:facet name="header"><h:outputLabel value="CONCEPTO" /></f:facet>
                                <h:outputText value="#{item.dcoNombre}"></h:outputText>
                            </rich:column>
                            <rich:column width="70px">
                                <f:facet name="header"><h:outputLabel value="CANTIDAD" /></f:facet>
                                <h:inputText value="#{item.monto1}"/>
                            </rich:column>
                        </rich:scrollableDataTable>
                    </h:panelGrid>
                </rich:tab>
            </rich:tabPanel>
        </h:form>
   </f:view>
